<template>
	<view>
		<view>订单明细</view>
		<view>{{num}}</view>
		<button @click="clickMe">点我</button>
		
		<navigator open-type="redirect" url="/pages/index/index"  hover-class="other-navigator-hover">
			<button type="default">首页</button>
		</navigator>
	
	</view>
</template>

<script>
	export default {
		data() {
			return {
				num:1,
				name: "",
				opid: ""
			}
		},
		
		/*页面生命周期*/
		
		// 监听页面加载，其参数为上个页面传递的数据
		onLoad(options){
			console.log("onLoad",options)
			this.name = options.name;
			this.opid = options.opid;
		},
		
		// 监听页面显示。页面每次出现在屏幕上都触发，包括从下级页面点返回当前页面
		onShow(){
			console.log("onShow",this.opid,this.name)
		},
		
		//监听页面初次渲染完成。注意如果渲染速度快，会在页面进入动画完成前触发
		onReady(){
			console.log("onReady")
		},
		
		
		/*vue的生命周期*/
		// 在实例创建完成后被立即调用
		created(){
			console.log("created")
		},
		
		// 挂载到实例上去之后调用 详情 (opens new window)注意：
		// 此处并不能确定子组件被全部挂载，如果需要子组件完全挂载之后在执行操作可以使用$nextTick
		mounted(){
			console.log("mounted")
		},
		
		
		methods: {
			clickMe(){
				this.num ++;
			},
			loadOrder(){
				uni.request({
				    url: 'https://www.example.com/request', //仅为示例，并非真实接口地址。
				    data: {
				        text: 'uni.request'
				    },
				    header: {
				        'custom-header': 'hello' //自定义请求头信息
				    },
				    success: (res) => {
				        console.log(res.data);
				        this.text = 'request success';
				    }
				});
			}
		}
	}
</script>

<style>

</style>
